body, html {
    margin: 0;
    padding: 0;
}

//解决vue显示{{}}问题
[v-cloak] {
    display: none !important;
}

.height(@v) {
    height: @v *10rem;
    height: @v *100vw;
}

.width(@v) {
    width: @v *10rem;
    width: @v *100vw;
}

.line-height(@v) {
    line-height: @v *10rem;
    line-height: @v *100vw;
}

.font-size(@v) {
    font-size: @v *10rem;
    font-size: @v *100vw;
}

.border-radius(@v) {
    border-radius: @v *10rem;
    border-radius: @v *100vw;
}

.min-width(@v) {
    min-width: @v *10rem;
    min-width: @v *100vw;
}

.max-width(@v) {
    max-width: @v *10rem;
    max-width: @v *100vw;
}

.padding(@v) {
    padding: @v *10rem;
    padding: @v *100vw;
}

.padding-left(@v) {
    padding-left: @v *10rem;
    padding-left: @v *100vw;
}

.padding-right(@v) {
    padding-right: @v *10rem;
    padding-right: @v *100vw;
}

.padding-top(@v) {
    padding-top: @v *10rem;
    padding-top: @v *100vw;
}

.padding-bottom(@v) {
    padding-bottom: @v *10rem;
    padding-bottom: @v *100vw;
}

.border(@v,@c) {
    border: @v *10rem solid @c;
    border: @v *100vw solid @c;
}

.margin(@v) {
    margin: @v *10rem;
    margin: @v *100vw;
}

.margin-right(@v) {
    margin-right: @v *10rem;
    margin-right: @v *100vw;
}

.margin-left(@v) {
    margin-left: @v *10rem;
    margin-left: @v *100vw;
}

.margin-top(@v) {
    margin-top: @v *10rem;
    margin-top: @v *100vw;
}

.margin-bottom(@v) {
    margin-bottom: @v *10rem;
    margin-bottom: @v *100vw;
}

.bottom(@v) {
    bottom: @v *10rem;
    bottom: @v *100vw;
}

.top(@v) {
    top: @v *10rem;
    top: @v *100vw;
}

.left(@v) {
    left: @v *10rem;
    left: @v *100vw;
}

.right(@v) {
    right: @v *10rem;
    right: @v *100vw;
}